<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Telomereces.com</title>
</h:head>
<h:body>
	<h:form>
		<div style="margin: 10% 30%;">
			<table>
				<tr>
					<td>
						 <p:panel id="panel" header="Ingresar al sistema">

							<p:messages id="msgs" />

							<table>
								<tr>
									<td><h:panelGrid columns="3">

											<h:outputLabel for="usuario" value="Usuario " />
											<p:inputText id="usuario" value="#{loginBean.usuario}"
												required="true" label="Usuario">
												<f:validateLength maximum="20" />
											</p:inputText>
											<p:message for="usuario" display="icon" />


											<h:outputLabel for="contrasena" value="Contraseña " />
											<p:password id="contrasena" value="#{loginBean.password}"
												label="Contrasena" required="true">
												<f:validateLength maximum="10" />
												<p:ajax update="msgContrasena" event="keyup" />
											</p:password>
											<p:message for="contrasena" id="msgContrasena" display="icon" />

										</h:panelGrid></td>
								</tr>
								<tr align="right">
									<td><p:commandButton id="btn" value="Ingresar" update="panel" action="#{loginBean.ingresar}" /></td>
								</tr>
							</table>




						</p:panel>
					</td>
				</tr>
			</table>

		</div>
	</h:form>
</h:body>
</html>
